<!DOCTYPE html>
        <html lang="en" >
        <head>
            <meta charset="UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>视功能报告单</title>
            <style>
                p{
                    margin-top: 20px;
                    margin-bottom: 10px;
                }
                body{
                    width:1360px;
                    margin: auto;
                }
                .main-box{
                    width: 900px;
                    padding-top: 40px;
                    font-size: 20px;
                    margin-left: 100px;
                }
                h1{
                    text-align: center;
                    font-size: 50px;
                }
                .user-info-title{
                    width:1360px;
                    margin-top: 50px;
                    margin-left: 10px;
                    font-size: 26px;
                }
                .user-info-title-span{
                    display:inline-block;
                    width: 200px;
                }
                .test-info-title{
                    margin-left: 10px;
                    font-size: 26px;
                    margin-top: 20px;
                    margin-bottom: 10px;
                }
                .test-info-title-span{
                    display:inline-block;
                    width: 200px;
                }
                .user-info-title-span-long{
                  display:inline-block;
                  width: 340px;
                  vertical-align:text-top;
                }
                .table-box{
                    width:900px;
                    margin: auto;
                    margin-left: 0px;
                    margin-right: 0px; 
                }
                .double{
                  margin-left: 117px;
                }
                table,
                th {
                    border-top: 1px solid #333;
                    border-left: 1px solid #333;
                    border-bottom: 1px solid #333;
                    border-right: 1px solid #333;
                    height: 60px;
                    text-align: center;
                } 
                .table-td {
                    border-top: 1px solid #333;
                    border-right: 1px solid #333;
                    height: 40px;
                    text-align: center;
                } 
                .table-td-first {
                    width: 250px;
                    border-top: 1px solid #333;
                    border-right: 1px solid #333;
                    height: 80px;
                } 
                .table-td-last {
                    border-top: 1px solid #333;
                    height:80px;
                } 
                .table-td-space {
                    border-top: 1px solid #333;
                    height: 80px;
                } 
                thead,
                tfoot {
                    color: #000000;
                    border-top: 1px solid #333;
                }
                .desc-box{
                    width: 900px;
                    padding-top: 50px;
                    font-size: 20px;
                    padding-top: 40px;
                    margin-left: 116px;
                }
                .desc-title{
                    font-size: 50px;
                    text-align: center;
                }
                .result-box{
                    margin-left: 10px;
                }
                .p-yanguang{
                    margin-left: 600px;
                    padding-bottom: 60px;
                }
            </style>
        </head>
        <body>
            <div class="main-box">
                <h1>视功能报告单</h1>
                <div class="user-info-title">
                   <span class="user-info-title-span">姓名:
                    <span></span>
                   </span>
                   <span  class="user-info-title-span">年龄:
                    <span></span>
                   </span>
                   <span  class="user-info-title-span">性别:
                    <span></span>
                   </span>
                   <span  class="user-info-title-span-long">日期:
                    <span>成绩第一</span>
                   </span>
                </div>
                <div class="table-box">
                    <table style="width: 900px;">
                        <thead>
                            <tr>
                                <th colspan="1">项目名称</th>
                                <th colspan="1">测训结果</th>
                                <th colspan="1">正常标准</th>
                                <th colspan="1">训练建议</th>
                                <th colspan="1">测训用时</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- 负调节 -->
                            <tr>
                                <td class="table-td" >成绩第一</td>
                                <td class="table-td" >成绩第一</td>
                                <td class="table-td" >成绩第一</td>
                                <td class="table-td" >成绩第一</td>
                                <td class="table-td-last">成绩第一</td>
                            </tr>
                            <tr>
                              <td class="table-td" rowspan="5" >成绩第一</td>
                              <td class="table-td" rowspan="5" >成绩第一</td>
                              <td class="table-td" rowspan="5" >成绩第一</td>
                              <td class="table-td" rowspan="5" >成绩第一</td>
                              <td class="table-td-last" rowspan="5">成绩第一</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="result-box">
                    <p>
                        <span>训练建议:
                             <span></span>
                        </span>
                    </p>
                    <p class="p-yanguang">
                        <span>医生/验光师:
                             <span></span>
                        </span>
                    </p>
                </div>
            </div>
        </body>
        </html>